/* 初始化样式 */
fieldset,img{border: 0 none;vertical-align: middle;}
html * {outline: none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: transparent;outline: none;}
*:not(input, textarea) {-webkit-user-select: none;-webkit-touch-callout: none}
i{ font-style:normal}
* {margin: 0;padding: 0}
input,select,textarea {font-size: 100%;}
input {border: 0 none;outline: none;background:transparent;}
table {border-collapse: collapse;border-spacing: 0}
abbr,acronym {border: 0;font-variant: normal}
del {text-decoration: line-through}
address,caption,cite,code,dfn,em,th,var {font-style: normal;font-weight: 500}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a{text-decoration:none;color:#555;} 
ol,ul {list-style: none}
caption,th {text-align: left}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: 500}
ins,a {text-decoration: none}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom: 1;}
html {overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html,body {width: 100%;margin: 0px auto;background-color: #f8f8f8;color: #434343;}

.w {
    width: 1140px;
    margin: 0 auto;
    /* background-color: #dbdbdb; */
}
/* 初始化结束 */

/* 内容开始 */

#top {
    width: 100%;
    height: 61px;
    background-color: #e0e0e0;
   
    
}
#top .header {
    position: relative;
    height: 62px;    
}
.header .logo img {
    width: 160px;
    height: 37px;
    float: left;
    margin-top: 14px;
}
.header .topNav {
    float: left;
    margin-left: 25px;
    
}
.header .topNav  .projectName {
    float: left;
    font-size: 17px;
    margin-top: 23px;
    
}
.header .topNav .navBox {
    float: left;
    margin-left: 40px;
    /* margin-top: 4px; */
}
.header .topNav .navBox .navTable {
    display: inline-block;
    border: 1px solid rgb(250, 250, 250);
    border-radius: 3px;
    width: 80px;
    height: 26px;
    line-height: 23px;
    /* padding: 0px 5px; */
    /* margin-right: 24px; */
    cursor: pointer;
    background-color: rgb(250, 250, 250);
    color: #616161 ;
    text-align: center;
    
    font-size: 13px;
    margin: 0 24px 6px 220px;
}
.header .topNav .navBox .navTable:hover {
    color: rgb(109, 171, 238);
    border: 1px solid rgb(176, 223, 255);
    background-color: rgba(240, 249, 255, 0.808);
   
}
.selected {
     display: inline-block;
    border-radius: 3px;
    width: 80px;
    height: 26px;
    line-height: 23px;   
    cursor: pointer;   
    text-align: center;    
    font-size: 13px;
    margin: 0 24px 6px 220px;
    color: rgb(109, 171, 238);
    border: 1px solid rgb(176, 223, 255);
    background-color: rgba(240, 249, 255, 0.808);
}
.header .userState {
    width: 290px;
    line-height: 70px;    
    float: right;
    /* margin-right: 5px; */
    
}
.header .userState .iocn img {
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 16px;
    margin-right: 12px;
}
.header .userState .userName {
    float: left;
    margin-right: 12px;
    margin-left: 12px;
    font-size: 18px;
    /* color: rgb(71, 130, 194);     */
}
.nowTime {
    float:left;
    color: rgb(122, 124, 128);
    margin-top: 2px;
}
.logLine {
    display: inline-block;
    height: 15px;
    width:1px;
    background-color: #bbb;
 /* border-left: 2px solid #999; */
    padding-left: 2px;
    margin-bottom: -2px;
}
.logging {
 padding-left: 10px;
 font-size: 16px;
 color: rgb(60, 113, 170);    

}
.logging:hover {
color: rgb(45, 83, 124);  
}
/* 头部结束 */

/* main内容开始 */
.main .mainTitle {
    /* float: left; */
    /* width: 100%; */
    /* height: 38px; */
    /* background-color: #f3f3f3; */
    border-bottom: 1px solid #e9e9e9;
    font-size: 22px;
    color: #666;
    /* display: none; */
}
.main {
    position: relative;
    background-color: #F8F8F8;
    width: 1170px;
    height: 100%;
    margin-top: 20px;   
    /* float: left;  */

    
}

.main .left1 {
    width: 263px;
    /* height: 100%; */
    float: left;
    margin-left: 20px;
    margin-top:20px;
    margin-bottom: 40px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-shadow: -0px 3px 5px 0px #444;
    /* position: fixed; */
    border-radius: 5px;
    
} 

.main .left1 .department ul {
    padding: 10px 2px;
    background-color: #F8F8F8;
    
}
.main .left1 .leftTitle {
    width: 100%;
    height: 46px;
    background-color: #e0e0e0;
}
.main .left1 .leftTitle>span {
    font-size: 26px;
    margin-left: 35px;
    line-height: 48px;
    color: #555;
}
.main .left1 .department ul>li {
    /* line-height: 35px; */
    padding: 2px;
    font-size: 16px;
    color: #447BB4;
    border-bottom: 1px solid rgb(211, 211, 211)

}
.departementName {
    display: inline-block;
    width: 100%;    
    padding: 7px 20px;
    /* color: #447BB4; */
    /* background-color: #ccc; */
    

}
.main .left1 .department ul>li:last-child {
    border: none;
}
.main .left1 .department ul>li:hover  {
    color: rgb(45, 106, 180);
    background-color: #fff;
    cursor: pointer;
}
.main .left1 .department .departementName:hover  {
    color: rgb(45, 106, 180);
    background-color: #fff;
    cursor: pointer;
}
.active {
    color: rgb(45, 106, 180);
    background-color: #fff;
}
.active1 {
    color: rgb(45, 106, 180);
}
.main .right1 {
    width: 847px;
    height: 100%;
    float: right;
    margin-right: 19px;
    border: 1px solid #e9e9e9;
    box-shadow: -0px 3px 3px 0px #444;
    border-radius: 5px;
    background-color: #F8F8F8;
        margin-bottom: 40px;


} 
.main .right1 .rightTop {
    width: 100%;
    height: 45px;
    background-color: #e0e0e0;
}
.main .right1 .rightTop>span {
    margin-left: 5px;
    font-size: 22px;
    line-height: 48px;
}
.main .right1 .personList {
    height: 100%;
    width: 100%;
    padding: 25px 0 0 0;
    background-color: #F8F8F8;
}
.main .right1 .personList ul>li {
    margin-left: 9px;
    height: 240px;
    width: 158px;    
    float: left;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    padding: 15px 20px 10px;
    background-color: #F8F8F8;
}
.right1 .personList ul>li:hover {
    background-color: #fff;
    cursor: pointer;
}
.right1 .personList .photo {
    height: 140px;
    width: 117px;
    border: 1px solid #e0e0e0;
    text-align: center;
    overflow: hidden;
}
.personList .photo img {
    width: 100%; 
    height: auto;  
}

.right1 .personList p {
    margin-top: 10px;
    font-weight: 600;
    color: #555;
}
.right1 .personList p>span {
    margin-left: 3px;
}
.right1 .personList .duty {
    float: right;
    display: block;
    width: 79px;
    height: 20px;
    background-color: rgb(240, 240, 240);
    line-height: 19px;
    padding-left:2px; 
    overflow: hidden;
    
}

/*日常评价页面内容 right*/

.rightMain {
    float: left;
    width: 100%;
    /* height: 820px; */
    background-color: #F8F8F8;
}
 .rightMain .personsPhoto {
    height: 158px;
    width: 133px;
    text-align: center;
    overflow: hidden;
    margin: 45px auto 20px;
    border: 1px solid #e0e0e0;

}
.rightMain .personsPhoto img {
    width: 100%;
    height: auto;
}
.rightMain .personsMessage {
    margin-left: 355px;
    font-weight: 600;
    color: #555;
}
 .rightMain .personsMessage p {
     width: 200px;
     height: 100%;
    margin-top: 10px;
}
.personName {
    margin-left: 6px;
}
.rightMain .personsMessage .personRole {
    display: block;
    float: right;
    width: 160px;
    height: 100%;
    /* background-color: #ccc; */
}
.criterion {
    margin-left: 119px;
    margin-top: 50px;
    font-size: 16px; 
    height: 100%;
    /* background-color: rgb(224, 222, 231);    */
}
.questionLi {
    /* background-color: #fff; */
    height: 100%;
    width: 100%;
    margin-top: 25px;
    color: #555;
    font-size: 17px;
    float: left;
}
.selectBox2 {
    /* display: inline-block; */
    margin: 10px 0 30px 0; 
    width: 120px;
    height: 12px;
    color:#555;
    font-size: 16px;
}
.questionInput {
    width: 100%;
    height: 30px;
    margin-left:10px;
}
.criterionContent {
    float: left;
    /* text-align: center; */
    margin-left: 119px;
    margin: 30px 50px 10px;
    font-size: 22px;    
    background-color: #fff;
}

.rightMain .txtAreas {
    width: 580px;
    height: 200px;
    padding: 10px;
    
}
.personTxtAreas {
    /* width: 622px;
    height: 260px; */
    padding: 10px 5px;
}
.rightMain .subBtn {
    width: 120px;
    height: 36px;
    float: left;
    background-image: url('./home1.jpg');
    margin-top: 30px; 
    margin-left: 360px;
    margin-bottom: 40px;
    text-align: center;
    line-height: 36px;
    font-size: 26px;
    box-shadow: -0px 2px 2px 0px #444;
    color: #555;
    cursor: pointer;
}
.subBtn:hover {
    background-color: rgb(61, 183, 253);
    color: #e8e8e8;
} 

/* home 页面样式 */
.homeCompent  {
  width: 1130px;
  /* height: 100%; */
  height: 610px;
  margin: 50px auto; 
  background-color: #fff;
  padding: 120px 100px;
  text-align: center;
  overflow: hidden;
}
.bgImg {
    margin-top: -50px;
}
.downCompent {
  height: 100%;
  margin: 50px auto; 
  background-color: #fff;
  padding: 100px 50px;
  text-align: center;
  width: 845px;
  /* margin-top: 150px; */
  font-size: 18px;
    /* border: 1px solid #e8e8e8; */
}
.unitLink ,.departenResult ,.personLink, .personResult {
  text-align: center;
  line-height: 100px;
  width: 60%;
  height: 100px;
  font-size: 40px;
  color: #545454;
  cursor: pointer;
  margin-top: 40px;
  margin-bottom:40px;
  margin-left: 180px;
  border-radius: 20px;
  background-color: #a3e3f7;
  box-shadow:1px 2px 3px #447BB4;
  background-image: url('./home1.jpg');
}

.departenResult , .personResult {
  background-image: url('./b17.jpg');
    color: #434343;
}

.homeCompent  p:hover {
  color: #fff;
}
.departenResult p:hover {
    color: #447BB4;
}
.personResult p:hover {
    color: #447BB4;

}


.peosonResultTitle {
  height: 55px;
  background-color: rgba(165, 192, 218, 0.161);
  font-size: 22px;
  line-height: 35px;
  padding: 10px 20px;
  text-align: center;
  column-rule: #ccc;
  font-weight: 600;
}
/* 消息页选择 */
.switchResultBox {
    float: left;
    height: 100%;
    margin-top: 35px;
    padding-left: 90px;
    padding-bottom: 25px;
}
.selectDepBox {
    float: left;
    margin-right: 40px;
    
}
.selectTitle {
    color: #555;
    font-size: 17px;
    margin-right: 7px;
}
/* 后台管理 */
.addBtnBox {
    width: 80%;
    margin: 40px 3% 0px;
    /* background-color: #ccc; */
}

.footer {
    height: 80px;
    width: 100%;
    background-color: #ebf6fa;
    /* position: fixed; */
    /* bottom: 0; */
    float: left;
    margin-top: 40px;
    text-align: center
}
.footer .siteinfo {
    color: #666;
    font-size: 24px;
    padding: 22px;
}
.footer .siteinfo>span {
    color: #666;
    font-size: 28px;
    padding: 22px;
}
